<div class="assess">
  <div class="assess-container">
    <header>
      <div class="time-choose">
        <div class="time-spans">
<span class="time">
<span (click)=onClickHeader(1) [ngClass]="{on:tabNum==1}">月度</span>
<span (click)=onClickHeader(0) [ngClass]="{on:tabNum==0}">年度</span>
</span>

          <span>
<span>选择时间：</span>
<span *ngIf="true">
<select class="year" [ngModel]="currentYear" (ngModelChange)="onChangeYear($event)">
<option [value]="year" *ngFor="let year of years"> {{year}} </option>
</select>
年
</span>
<span *ngIf="tabNum==1">
<select class="month" [ngModel]="currentMonth" (ngModelChange)=" onChangeMonth($event)">
<option [value]="month" *ngFor="let month of months"> {{month}}</option>
</select>
月
</span>
</span><span>
<button class="button-trend" (click)="onSearch()">确定</button>
</span>
        </div>
      </div>
      <div class="turbine">
        <span></span>
        <span *ngFor="let item of farmDatas;let i=index" [ngClass]="{active:active==i}" (click)="onFarmSelect(i,item)">{{item.farmName}}</span>
      </div>
    </header>
    <div class="main">
      <section class="pie-chart">
        <app-wind-direction class="direction" [empty]="10" [radius]="100"></app-wind-direction>
      </section>
      <section class="column-chart">
        <app-wind-speed-distribution [center]="true" class="direction"></app-wind-speed-distribution>
      </section>
    </div>
  </div>
</div>
